<template>
  <div id="home">
    <works>
      <banner />
    </works>

    <about />

    <subscribe />

    <social />
    
  </div>
</template>

<script>

  export default {
    name: 'Home',
    components: {
      About: () => import('@/components/home/About'),
      Works: () => import('@/components/home/Works'),
      Banner: () => import('@/components/home/Banner'),
      Social: () => import('@/components/home/Social'),
      Subscribe: () => import('@/components/home/Subscribe'),
    },

    asyncData(){
    },

    async fetch({ store, params, $axios }) {
      // let { data } = await axios.get('http://localhost:3008/works')
      let data = await $axios.$get('works', {
      params: {
        query: {limit: 100 }
      }
    })
      await store.dispatch('setWorks', data.data)
    },
  }
</script>
